<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>lhgcalendar</title>
		<meta name="author" content="Administrator" />
		<!-- Date: 2014-05-29 -->
		<script type="text/javascript" src="../resources/lhgcalendar/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="../resources/lhgcalendar/lhgcalendar.min.js"></script>
		<style>
			.runcode{
				border:1px solid #ddd;
				background:url(../resources/lhgcalendar/_doc/images/iconDate.gif) center right no-repeat #f7f7f7;
				cursor:pointer;font:12px tahoma,arial;
				height:21px;width:150px;
			}
		</style>
		
		<script>
			$(function(){
				demo_1();
				demo_2();
				demo_3();
				demo_4();
				demo_5();
				demo_6();
				//取消工具栏
				//$('#demo_1').calendar({ btnBar:false });
				//$.calendar({id:'#demo_1'});
				//alert(JSON.stringify($('#demo_1')));
				//设置日期事件
				//$('#demo_1').calendar({ onSetDate:function(){alert(this.getDate('date'));} });
				//var date=getDate();
				//$('#demo_1').val(date);
				//alert(getFullTime());
			});
			
			function demo_1(){
				$('#demo_1').calendar();
			}
			function demo_2(){
				$('#demo_2').calendar();
				//取消工具栏
				$('#demo_2').calendar({ btnBar:false });
			}
			
			function demo_3(){
				$('#demo_3').calendar();
				//设置日期事件
				$('#demo_3').calendar({ onSetDate:function(){alert(this.getDate('date'));} });
			}
			function demo_4(){
				$('#demo_4').calendar();
				//设置日期事件
				$('#demo_4').calendar({ format:'yyyy-MM-dd HH:mm:ss' });
			}
			
			function demo_5(){
				$('#demo_5').calendar();
				///*参数noToday为true时指不包括今天，为false或不写此参数为包括今天*/ 
				$('#demo_5').calendar({ minDate:'%y-%M-%d', noToday:true });
			}
			
			function demo_6(){
				$('#demo_6_1').calendar();
				$('#demo_6_2').calendar();
				//设置日期事件
				$('#demo_6_1').calendar({ minDate:'#demo_6_1',maxDate:'#demo_6_2'});
				$('#demo_6_2').calendar({ minDate:'#demo_6_1',maxDate:'#demo_6_2'});
			}
		</script>
	</head>
	<body>
	<h3>jQuery方式调用</h3>
	<p>1、默认配置</p>
	<p><input class="runcode" id="demo_1"/></p>

	<p>2、取消下面的工具栏配置</p>
	<p><input class="runcode" id="demo_2"/></p>
	
	<p>3、设置日期事件配置</p>
	<p><input class="runcode" id="demo_3"/></p>
	
	<p>4、日期格式配置</p>
	<p><input class="runcode" id="demo_4"/></p>
	
	<p>5、只能选择今天以后的日期(不包括今天)</p>
	<p><input class="runcode" id="demo_5"/></p>
	
	<p>6、前面的日期不能大于后面的日期(可以相同)</p>
	<p>从<input class="runcode" id="demo_6_1"/>到<input class="runcode" id="demo_6_2"/></p>

	</body>
</html>

